<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情</title>
</head>

<body>
    <!-- 课程详情 -->
    <section class="main-cont f1 ofs">
        <div class="iconfont icon-arrow1" id="arrow"></div>
        <!-- 视频预览盒子 -->
        <img class="img" id="img" />
        <div class="preview">
            <div class="iconfont icon-start" id="start"></div>
            <p>视频预览</p>
        </div>

        <!-- 介绍盒子 -->
        <div class="intro df fdc aic">
            <div class="boxTop">
                <div class="name" id="name">巧克力腹肌雕刻</div>
                <div class="titBox df aic">
                    <div class="box1">
                        <div class="calorie" id="calorie"></div>
                        <div>千卡</div>
                    </div>
                    <div class="box2">
                        <div class="time" id="time"></div>
                        <div>分钟</div>
                    </div>
                    <div class="box3 df">
                        <div class="peoplenum" id="peoplenum"></div>
                        <div>w人练过</div>
                        <div class="iconfont icon-arrow" id="arrow1"></div>
                    </div>
                </div>
            </div>
            <div class="boxMid">
                <div class="detail df">
                    <img class="img4" id="avatar" />
                    <div class="user">
                        <h3>用户名</h3>
                        <p id="user"></p>
                    </div>
                </div>
                <div class="box4">
                    <div class="desc" id="desc"></div>
                </div>
            </div>
            <div class="boxBto df">
                <div class="common left">
                    <span class="iconfont icon-drill"></span>
                    <span class="title">练习频次</span>
                    <div class="textBox" id="textBox">每周<span class="frequency" id="frequency"></span>次</div>
                </div>
                <div class="common dotted">
                    <span class="iconfont icon-apparatus"></span>
                    <span class="title">器械</span>
                    <div class="textBox" id="textBox"><span class="instrument" id="instrument"></span></div>
                </div>
            </div>
        </div>
        <div class="btn" id="btn">
            <p>开始训练</p>
        </div>
    </section>





    <!-- 信息提示框 -->
    <div class="msg" id="msg"></div>
</body>

</html>